<script src="script/vue.js" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"></script>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
<body>
<div id="app">
    <h1>Hello World</h1>
</div>

<div id="test">hello，{{name}}，{{address}}{{Date.now()}}
    <a v-bind:href="url">点我跳转</a></br>
    单向数据绑定：<input v-bind:value="inputValue" type="text"></br>
    双向数据绑定：<input v-model:value="inputValue" type="text"></br>

<!--    简写-->
    单向数据绑定：<input :value="inputValue" type="text"></br>
    双向数据绑定：<input v-model="inputValue" type="text">

<!--    <h2></h2>-->
</div>
</body>
</html>

<script>
    Vue.config.productionTip = false;

    let vue = new Vue({
        el: '#test', // 用户指定当前VUE实列为那个服务器五福，值通常为css选择器字符串
        data: { //data中用户存储数据，数据供el中使用
            name: '2312阿萨德',
            address: '北京',
            url: 'http://www.baidu.com',
            inputValue:'value'
        }
    });

    new Vue({

    })

</script>
